<template>
  <div>
      <h3>原来本身的样子：<span>{{msg}}</span></h3>
      <h3>使用翻转过滤器：<span>{{msg | reverse}}</span></h3>
      <p :title="msg | toUp">鼠标长停</p>
  </div>
</template>

<script>
export default {
    data(){
        return{
            msg:'Hello Kxs'
        }
    },
    filters:{
        toUp(val){
            return val.toUpperCase()
        }
    }
}
</script>

<style>
span {
    color: royalblue;
}
</style>